<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Tenon & Groove Software Pvt. Ltd.</title>
    <script type="text/javascript" src="script/jquery.min.js"></script>
    <link type="text/css" rel="stylesheet" href="styles/mystyle.css">
    <link href="jquery-ui/css/redmond/jquery-ui-1.10.0.custom.css" rel="stylesheet">
    <script src="jquery-ui/js/jquery-1.9.0.js"></script>
    <script src="jquery-ui/js/jquery-ui-1.10.0.custom.js"></script>
    <script type="text/javascript">
        $(function() {
		
		$( "#accordion" ).accordion();
		

		
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#autocomplete" ).autocomplete({
			source: availableTags
		});
		

		
		$( "#button" ).button();
		$( "#radioset" ).buttonset();
		

		
		$( "#tabs" ).tabs();
		

		
		$( "#dialog" ).dialog({
			autoOpen: false,
			width: 400,
			buttons: [
				{
					text: "Ok",
					click: function() {
						$( this ).dialog( "close" );
					}
				},
				{
					text: "Cancel",
					click: function() {
						$( this ).dialog( "close" );
					}
				}
			]
		});

		// Link to open the dialog
		$( "#dialog-link" ).click(function( event ) {
			$( "#dialog" ).dialog( "open" );
			event.preventDefault();
		});
		

		
		$( "#datepicker" ).datepicker({
			inline: true
		});
		

		
		$( "#slider" ).slider({
			range: true,
			values: [ 17, 67 ]
		});
		

		
		$( "#progressbar" ).progressbar({
			value: 20
		});
		

		// Hover states on the static widgets
		$( "#dialog-link, #icons li" ).hover(
			function() {
				$( this ).addClass( "ui-state-hover" );
			},
			function() {
				$( this ).removeClass( "ui-state-hover" );
			}
		);
	});
    </script>
</head>

<body>
<div id="header">
    Tenon & Groove Software Pvt. Ltd.
</div>
    <div class="nav-bar">
    <div class="nav-menu" id="webmail">Internal Mail Webmail</div>
    <div class="nav-menu" id="roundcube">Internal Mail Roundcube</div>
    <div class="nav-menu" id="bugzilla">Bugzilla</div>
    <div class="nav-menu" id="library">Our Library</div>
    <div class="nav-menu" id="software">Software</div>
    <div class="nav-menu" id="team-work-place">Team Work Place</div>
    <div class="nav-menu" id="wiki">T&G Wiki</div>
    <div class="nav-menu" id="os">OS Images</div>
    <div class="nav-menu" id="driver">Drivers</div>
    <div class="calender">
        <div id="datepicker"></div>
    </div>    

</div>
<div id="footer">
    Copyright : 2013-2014, Tenon & Groove Software Pvt. Ltd., Best viewed in Firefox 6.0+, IE6+ and Opera 9 or latest version <br />
    Designed & Developed by Navin Kumar
</div>

</body>
</html>